<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>问答特效</title>
    <style type="text/css">
        h2{padding: 5px;}
        p{display: none;}
    </style>
    <script src="./js/jquery-3.7.1.js"></script>

</head>
<body>
<h2>什么是受益人?</h2>
<p>
    <strong>解答：</strong>
    受益人是指人身保险中由被保险人或者投保人指定的
    享有保险金请求权的人，投保人、被保险人可以为受益人。
</p>

<script>
    // 点击受益人之后，背景颜色改变，同时显示答案
    $(document).ready(function(){
        $("h2").click(function(){
            // css会改变原本是样式
            // addclass() 只会追加样式，不会改变
            // 方法1：
            // $("h2").css("background-color","red");
            // $("p").css("display","block");
                // show方法==css("display","block")
                // hide方法 ===css("display"," none")
            $("h2").css("background-color","red").next().show();
            $("h2").hide()
        })
    })
</script>


</body>
</html>